<!DOCTYPE html>




    
        
    

    
        
    

    

    





    
    

    
    

    
    
        
        
            
                
            
                
            
                
            
        




<html lang="en-us" dir="ltr"><head>
	<meta name="generator" content="Hugo 0.118.2">
    <meta charset="utf-8" />
    <title>RapidOCR Documentation</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="A Lightweight, Modern Documentation Theme for Hugo" />
    <meta name="keywords" content="Documentation, Hugo, Hugo Theme, Bootstrap" />
    <meta name="author" content="Colin Wilson - Lotus Labs" />
    <meta name="email" content="support@aigis.uk" />
    <meta name="website" content="https://lotusdocs.dev" />
    <meta name="Version" content="v0.1.0" />
    
    <link rel="icon" href="https://rapidai.github.io/RapidOCRDocs/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="https://rapidai.github.io/RapidOCRDocs/favicon.svg">
<link rel="apple-touch-icon" sizes="180x180" href="https://rapidai.github.io/RapidOCRDocs/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://rapidai.github.io/RapidOCRDocs/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://rapidai.github.io/RapidOCRDocs/favicon-16x16.png">
<link rel="manifest" crossorigin="use-credentials" href="https://rapidai.github.io/RapidOCRDocs/site.webmanifest">

    
    
    
        
        
        
        
    
        
        
        
        
    
    
    <link rel="preconnect" href="https://fonts.gstatic.com/" />
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin />
    <link href="https://fonts.googleapis.com/css?family=Inter:300,400,600,700|Fira+Code:500,700&display=block" rel="stylesheet">

    <link rel="stylesheet" href="/RapidOCRDocs/scss/style.min.ae570d1fdd616e6efbf7ce036e17b8a895081d102a05c3b18634cf62913e05d6bee2891650e9463131cfe295c7b5de6e.css" integrity="sha384-rlcNH91hbm77984Dbhe4qJUIHRAqBcOxhjTPYpE&#43;Bda&#43;4okWUOlGMTHP4pXHtd5u"/>
    
    
    
    
    
    
    
        
    
        <script src="/RapidOCRDocs/js/bootstrap.550067c65acd4f8a633d6943de7a3be9764f4fce951d0540b2409f04dc78991f5477fa0109913409f66c33a7abad4bc3.js" integrity="sha384-VQBnxlrNT4pjPWlD3no76XZPT86VHQVAskCfBNx4mR9Ud/oBCZE0CfZsM6errUvD"defer></script>
    
    
        
            <script type="text/javascript" src="https://rapidai.github.io/RapidOCRDocs/js/image-compare.min.b181189e797ddef290813acdab2d11c521bedcf9d92918ad9a52a1670feb560b009b104b3d4498032b08821690b5ac32.js" integrity="sha384-sYEYnnl93vKQgTrNqy0RxSG&#43;3PnZKRitmlKhZw/rVgsAmxBLPUSYAysIghaQtawy"></script>
    
    <script defer data-domain="rapidai.github.io/rapidocrdocs" data-api="/docs/s/api/event/" src='/docs/s/js/script.outbound-links.js'></script></head><body>
        <div>
<header id="topnav">
    <div class="container d-flex justify-content-between align-items-center">
        
        <a class="logo" aria-label="Home" href='/RapidOCRDocs/'>
            
                <?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250 250"><path d="m143,39.5c-18,0-18,18-18,18,0,0,0-18-18-18H22c-2.76,0-5,2.24-5,5v143c0,2.76,2.24,5,5,5h76c7.2,0,8.64,11.52,8.93,16.13.07,1.05.95,1.87,2,1.87h32.14c1.06,0,1.94-.82,2-1.87.29-4.61,1.73-16.13,8.93-16.13h76c2.76,0,5-2.24,5-5V44.5c0-2.76-2.24-5-5-5h-85Zm63,123.5c0,1.38-1.12,2.5-2.5,2.5h-60.5c-18,0-18,18-18,18,0,0,0-18-18-18h-60.5c-1.38,0-2.5-1.12-2.5-2.5v-94c0-1.38,1.12-2.5,2.5-2.5h51.5c7.2,0,8.64,11.52,8.93,16.13.07,1.05.95,1.87,2,1.87h32.14c1.06,0,1.94-.82,2-1.87.29-4.61,1.73-16.13,8.93-16.13h51.5c1.38,0,2.5,1.12,2.5,2.5v94Z" style="fill:#06f;"/></svg>
            
        </a>
        

        <div class="d-flex align-items-center">

            <div id="navigation">
                
                <ul class="navigation-menu nav-right">
                    <li><a href="/RapidOCRDocs/docs/">Docs</a></li>
                    
                    <li><a href="https://github.com/RapidAI/RapidOCR/discussions">Community</a></li>
                    
                </ul>
            </div>

            
            
            <ul class="social-link d-flex list-inline mb-0">
                
                    
                    <li class="list-inline-item mb-0">
                        <a href=" https://github.com/RapidAI/RapidOCR " alt="github" rel="noopener noreferrer" target="_blank">
                            <div class="btn btn-icon btn-landing border-0">
                                
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><title>GitHub</title><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
                                
                            </div>
                        </a>
                    </li>
                
                    
                    <li class="list-inline-item mb-0">
                        <a href=" https://twitter.com/_SWHL " alt="twitter" rel="noopener noreferrer" target="_blank">
                            <div class="btn btn-icon btn-landing border-0">
                                
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><title>Twitter / X</title><path d="M.088.768l9.266,12.39L.029,23.231h2.1l8.163-8.819,6.6,8.819h7.142L14.242,10.145,22.921.768h-2.1L13.3,8.891,7.229.768ZM3.174,2.314H6.455L20.942,21.685h-3.28Z" fill="currentColor"/></svg>
                                
                            </div>
                        </a>
                    </li>
                
            </ul>
            
            

            <div class="menu-extras ms-3 me-2">
                <div class="menu-item">
                    
                    <button class="navbar-toggle btn btn-icon btn-soft-light" id="isToggle" aria-label="toggleMenu" onclick="toggleMenu()">
                        <div class="lines">
                            <span></span>
                            <span></span>
                            <span></span>
                        </div>
                    </button>
                    
                </div>
            </div>

        </div>
    </div>
</header>
</div>
        <div class="mb-4" id="content">
    
    

    
        
        
        
        
            
        
    
        
        
        
        
            
        
    
        
        
        
        
            
        
    

    
        
        
        




    
    
    
    
        <style>
            .hero {
                
                    
                        @media (min-width: 768px) {
                            background-image: url("/RapidOCRDocs/images/templates/hero/gradient-desktop.webp");
                        }
                    
                
                
                    
                        background-image: url("/RapidOCRDocs/images/templates/hero/gradient-mobile.webp");
                    
                
            }
        </style>

<section id="hero" class="d-table w-100 overflow-hidden hero">
    <div class="container">
        <div class="row mt-5 align-items-center">

            <div class="col-lg-6 col-md-6">
                <div class="title-heading">
                    
                    <span class="badge  bg-soft-primary mb-1">v0.1.0</span>
                    
                    <h4 class="heading mt-0 mb-3">
                        
                        Lotus Docs
                    </h4>
                    
                    <p class="para-desc text-muted mb-0">A lightweight, <strong>modern documentation</strong> theme for Hugo. Easily customised for building <strong>fast</strong>, <strong>secure</strong>, and <strong>SEO-friendly</strong> documentation sites.</p>
                    

                    <div class="mt-3">
                        
                            <a href="/RapidOCRDocs/" class="btn btn-lg btn-primary me-2 mt-2">
                                
                                    <span class="material-icons align-middle">rocket_launch</span>
                                
                                
                                    Get Started
                                
                            </a>
                        
                        
                        <a href="https://github.com/colinwilson/lotusdocs" class="btn btn-lg btn-outline-primary mt-2">
                            
                                <span class="material-icons align-middle">construction</span>
                            
                            
                                In Development
                            
                        </a>
                        
                    </div>

                    
                    <p class="text-muted mb-0 mt-3"><strong>Open Source</strong> MIT Licensed.</p>
                    
                </div>
            </div>

            <div class="col-lg-6 col-md-6 mt-4 pt-4 mt-sm-0 pt-sm-0">
                
                    
                    
                    
                    
                    
                    
                    
                        <div class="ms-lg-4">
                            <div class="classic-hero-image">
                                
                                    
                                        
                                            <img src="/RapidOCRDocs/images/lotus_docs_screenshot_huea63e9b4b3759fd29bd9f072754ae476_100589_1349x768_resize_q85_h3_lanczos_3.webp" class="shadow-lg mx-auto d-block rounded-top-4" width="1349" height="768" alt="Lotus Docs Screenshot">
                                        
                                    
                                
                            </div>
                        </div>
                    
                
            </div>

        </div>
    </div> 
</section>



    
        
        
        



<section id="featureGrid">
    <div class="container mt-100 mt-60">
        <div class="row justify-content-center">
            <div class="col-12 text-center">
                <div class="section-title">
                    
                        <h4 class="title fw-bold mb-4">Why choose Lotus Docs?</h4>
                    
                    
                        <p class="text-muted para-desc mb-4 pb-2 mx-auto">Lotus Docs is a highly configurable Hugo documentation theme. Yet, with the default configuration you can deploy and publish your documentation site in a matter of minutes. Check out some core features below.</p>
                    
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-12">
                <div class="row">
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">speed</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Fast</h4>
                                    <p class="text-muted para mb-0">4 x 100&rsquo;s score on Google Lighthouse by default. Lotus Docs removes unused CSS, prefetches asset links, and lazy loads content images.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">trending_up</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">SEO Friendly</h4>
                                    <p class="text-muted para mb-0">Data is automatically structured to be SEO friendly. Includes Meta tags, Opengraph, and Twitter cards. Choose the settings that best suit you.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">lock</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Secure by default</h4>
                                    <p class="text-muted para mb-0">Lotus Docs&rsquo; default configuration scores A+ on Mozilla Observatory. You can update the default Security Headers to suit your requirements.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">settings</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Optional Features</h4>
                                    <p class="text-muted para mb-0">Many Lotus Docs features are configurable via optional parameters. Require DocSearch for your site? Then enable it via a single setting.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">change_history</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Deploy to Vercel</h4>
                                    <p class="text-muted para mb-0">Deploy to Vercel in seconds. Vercel Functions, Vercel Redirects/Rewrites, and Vercel Headers are all configurable for an enriched experience.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">dark_mode</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Dark Mode</h4>
                                    <p class="text-muted para mb-0">Prefer not to be blasted by the sun while reading? Switch to a low-light UI with the click of a button. Modify colour variables to match your branding.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">search</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Search by DocSearch</h4>
                                    <p class="text-muted para mb-0">Search your docs with DocSearch. A powerful, efficient and accessible search solution built on Algolia Crawler &amp; Autocomplete.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">translate</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Multilingual Support</h4>
                                    <p class="text-muted para mb-0">Lotus Docs supports Hugo&rsquo;s Multilingual Mode. Create documentation in multiple languages side by side with i18n support.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                        <div class="col-md-4 col-12">
                            <div class="d-flex features feature-primary p-3">
                                <div class="icon text-center rounded-3 text-primary me-3">
                                    <i class="material-icons align-middle h4 mb-0">palette</i>
                                </div>
                                <div class="flex-1">
                                    <h4 class="title">Bootstrap v5</h4>
                                    <p class="text-muted para mb-0">Built on Bootstrap 5, Lotus Docs allows for a familiar, flexible, and intuitive developer experience. Easily customise your site via SCSS variables and files.</p>
                                    
                                </div>
                            </div>
                        </div>
                        
                    
                </div>
                
            </div>
            
        </div>
        
    </div>
    
</section>



    
        
        
        


<section id="imageCompare">
    <div class="container mt-100 mt-60">
        <div class="row justify-content-center">
            <div class="col-12 text-center">
                <div class="section-title mb-4 pb-2">
                    
                        <h4 class="title fw-bold mb-4">Customise The Lotus Docs Appearance</h4>
                    
                    
                        <p class="text-muted para-desc mb-0 mx-auto">Much of Lotus Docs&rsquo; appearance can be customised. Dark mode is optional (enabled by default) and you can choose a Google font that suites you via the config parameters.</p>
                    
                </div>
            </div>
        </div>

        <div class="row justify-content-center">
            <div class="col-lg-8 col-md-12 mt-3 pt-2 text-center">
                <ul class="nav nav-pills nav-justified flex-column flex-sm-row rounded bg-primary" id="pills-tab-imageCompare" role="tablist">
                    
                        <li class="nav-item">
                            <a class="nav-link rounded active" id="dark-mode-tab" data-bs-toggle="pill" href="#pills-imageCompare-dark-mode" role="tab" aria-controls="pills-dark-mode" aria-selected="false">
                                <div class="text-center py-2">
                                    <p class="mb-0 fs-6 fw-semibold">Dark Mode</p>
                                </div>
                            </a>
                        </li>
                    
                        <li class="nav-item">
                            <a class="nav-link rounded" id="custom-fonts-tab" data-bs-toggle="pill" href="#pills-imageCompare-custom-fonts" role="tab" aria-controls="pills-custom-fonts" aria-selected="false">
                                <div class="text-center py-2">
                                    <p class="mb-0 fs-6 fw-semibold">Custom Fonts</p>
                                </div>
                            </a>
                        </li>
                    
                        <li class="nav-item">
                            <a class="nav-link rounded" id="accent-color-tab" data-bs-toggle="pill" href="#pills-imageCompare-accent-color" role="tab" aria-controls="pills-accent-color" aria-selected="false">
                                <div class="text-center py-2">
                                    <p class="mb-0 fs-6 fw-semibold">Accent Color</p>
                                </div>
                            </a>
                        </li>
                    
                </ul>
            </div>
        </div>

        <div class="row">
            <div class="col-12 mt-4 pt-2">
                <div class="tab-content" id="pills-tab-imageCompareContent">
                    
                    <div class="tab-pane fade show active" id="pills-imageCompare-dark-mode" role="tabpanel" aria-labelledby="dark-mode-tab">
                        <div class="row align-items-center">
                            <div class="col-md-12">
                                
                                
                                
                                
                                
                                
                                
                                    <div id="dark-mode-compare" class="image-compare rounded-md border">
                                        
                                            <img src="/RapidOCRDocs/images/screenshots/lotusdocs_dark_v0.8.webp" alt="images/screenshots/lotusdocs_dark_v0.8.webp" />
                                        
                                        
                                            <img src="/RapidOCRDocs/images/screenshots/lotusdocs_light_v0.8.webp" alt="images/screenshots/lotusdocs_light_v0.8.webp" />
                                        
                                    </div>
                                
                            </div>
                        </div>
                    </div>
                    
                    <div class="tab-pane fade show" id="pills-imageCompare-custom-fonts" role="tabpanel" aria-labelledby="custom-fonts-tab">
                        <div class="row align-items-center">
                            <div class="col-md-12">
                                
                                
                                
                                
                                
                                
                                
                                    <div id="custom-fonts-compare" class="image-compare rounded-md border">
                                        
                                            <img src="/RapidOCRDocs/images/screenshots/lotusdocs_google_font_demo_inter_screenshot.webp" alt="images/screenshots/lotusdocs_google_font_demo_inter_screenshot.webp" />
                                        
                                        
                                            <img src="/RapidOCRDocs/images/screenshots/lotusdocs_google_font_demo_lifesavers_screenshot.webp" alt="images/screenshots/lotusdocs_google_font_demo_lifesavers_screenshot.webp" />
                                        
                                    </div>
                                
                            </div>
                        </div>
                    </div>
                    
                    <div class="tab-pane fade show" id="pills-imageCompare-accent-color" role="tabpanel" aria-labelledby="accent-color-tab">
                        <div class="row align-items-center">
                            <div class="col-md-12">
                                
                                
                                
                                
                                
                                
                                
                                    <div id="accent-color-compare" class="image-compare rounded-md border">
                                        
                                            <img src="/RapidOCRDocs/images/screenshots/lotusdocs_blue_theme_colour.webp" alt="images/screenshots/lotusdocs_blue_theme_colour.webp" />
                                        
                                        
                                            <img src="/RapidOCRDocs/images/screenshots/lotusdocs_cardinal_theme_colour.webp" alt="images/screenshots/lotusdocs_cardinal_theme_colour.webp" />
                                        
                                    </div>
                                
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</section>


    
    

        </div>
<footer class="footer footer-light footer-bar">
    <div class="footer-py-30">
        <div class="container text-center">
            <div class="row align-items-center">
                <div class="col-sm-6">
                    <div class="text-sm-start">
                        <p class="mb-0">
                            
                            © 2024 SWHL. Built with <a href="https://github.com/colinwilson/lotusdocs"><strong>Lotus Docs</strong></a>
                        </p>
                    </div>
                </div>

                <div class="col-sm-6 mt-4 mt-sm-0 pt-2 pt-sm-0">
                    
                </div>
            </div>
        </div>
    </div>
</footer>

        
            <script type="text/javascript" src="https://rapidai.github.io/RapidOCRDocs/js/bundle.min.d26bada42aacabf0a605636aba0bce9543bb24ed6b0f215dfa05077278d571a26b3e2cea8da2843e8256ffc49825559c.js" integrity="sha384-0mutpCqsq/CmBWNqugvOlUO7JO1rDyFd&#43;gUHcnjVcaJrPizqjaKEPoJW/8SYJVWc"></script>

        
        
        <script>
            const viewers = document.querySelectorAll(".image-compare");
            let configs = [
                {"addCircle":true,"addCircleBlur":false,"labelOptions":{"after":"Light","before":"Dark","onHover":false},"showLabels":true,"startingPoint":50},{"addCircle":true,"addCircleBlur":false,"controlColor":"#3C4257","labelOptions":{"after":"Life Saver","before":"Inter","onHover":false},"showLabels":true,"startingPoint":25},{"addCircle":true,"addCircleBlur":true,"labelOptions":{"after":"Cardinal","before":"Blue","onHover":false},"showLabels":true,"startingPoint":25}
            ];
            viewers.forEach((element, i) => {
                let view = new ImageCompare(element, configs[i]).mount();
            });
        </script>
        

    </body>
</html>
